DataV 6.0 特性解读__01 数据映射系统
“
DataV 6.0 : 数据赋予给艺术的可能性,我们用技术和设计让它成真。”
数据映射系统的建立
DataV 6.0 版本的升级从数据可视化的核心出发。数据可视化的本质,即将数据转换为图形,更直观有效地展示复杂数据,从而发现数据中的隐藏价值。数据映射,即将数据映射成图形的规则,这也是数据可视化的核心。数据映射需要理解数据,图形,及数据图形之间的编码规则,这套规则也被称为视觉编码(Visual Encoding)
数据:数据有多维度的分类。从统计学的角度,常规可将数据分为名义尺度(Norminal)、顺序尺度(Ordinal)、间隔尺度(Interval)、比率尺度(Ratio)。从语义角度,可将数据分为数值型,名词型,定序型,时间型,空间型,关系型(树图网),等等。从数据格式角度,可以简单分为String和Number类型。
图形:如饼状图、柱状图、折线图、区域图、散点图、雷达图等等,这些图表的本质都是将数据转为图形,但因为这些图表本身复用价值高,且从统计学意义上数据特征的表达更为合理,从而被许多图表类库沉淀,被我们所熟知。对具有空间信息的地图类可视化而言,无论平面地图亦或三维城市,结合传统的GIS理论体系及行业沉淀,亦有非常多元的图形表达形式。在信息可视化领域,则有许多创意类的可视化艺术表达。
视觉编码规则
编码:在可视化领域,专业术语称之为“视觉编码(Visual Encoding)”,即数据与图形的转换关系与编码规则。可以简单理解为,将数据抽象为符号(点、线、面、体),再将不同的数据维度映射成符号具备的视觉属性(位置、形状、尺寸、方向、颜色、纹理、动效等),从而将数据转化成图形。对于不同的视觉通道,人的感知和认知的反馈不同,因此对不同的数据类型,视觉通道的使用有不同的优先级和评价体系。
DATAV.GUI 可视化映射器
此前,DataV.GUI 已经涵盖诸多基础控件,由于 DataV 6.0 版本从数据可视化的本质出发,DataV.GUI 衍生出了针对可视化图表的映射器控件,重构了图表配置的操作流程。
对于可视化的合理性及表现力而言,形状、尺寸、颜色是三个非常重要的视觉通道,相应的 DataV.GUI 涉及三个 GUI 映射器控件:颜色映射器、形状映射器、尺寸映射器。这三个映射器控件几乎可以满足所有视觉通道的配置。
GUI 可视化映射器结构图
颜色映射器用于数据和颜色的映射,数据可支持“名词分类型”、“数值连续型”、“数值分区型”三种类型,并预设相关色彩模板,开发者可以根据不同组件进行三种类型的自由组合,用户也可以根据个人数据选择对应的数据映射类型。
《《 《 左滑试试
《《 《 左滑试试
名词分类型:用于数据为 String 类型的分类型数据
颜色映射器-名词分类型
数值连续型:用于 Number 型数据,每个数值和颜色进行一一对应的映射
颜色映射器-数值连续型
数值分区型:用于大量数据时,将数值进行区间划分,并以不同数据区间和颜色进行映射
颜色映射器-数值分区型
色彩模板预设:
颜色映射器
颜色映射器中的色彩模板根据可视化颜色标准设置:
顺序型(Sequential)色彩模板:具有一定的秩序性,一般为单个或邻近的色相结合不同明度或饱和度的颜色组合,一般用于表达数据渐进的变化
分离型(Diverging)色彩模板:不具备秩序性,一般为亮度一致但色相不同的颜色组合,适用于表达不同类型的分类数据
分类型(Qualitative)色彩模板:中间一般为白色和灰色,两端则为色相区分度较大的颜色,适用于数据中间值存在临界的变化,比如为零或均值、中值等
《《 《 左滑试试
《《 《 左滑试试
形状映射器
尺寸映射器用于数据和尺寸的映射,映射类型可支持“名词分类型”、“数值连续型”、“数值分区型”三种类型。
尺寸映射器分为简单版和复杂版。一般常用为简单版,即将尺寸和数值形成连续映射,即将数据最小值映射到图形最小像素,将数据最大值映射到图形最大像素。用户可以通过滑动条或者输入框,调整绘制图形的像素和数据的最大值和最小值的映射关系。复杂版支持三种映射类型,在数值连续型时,预设了两个条目之间的映射函数。
尺寸映射器
DataV 6.0 版本,除了数据映射的逻辑外,还提供了条件( condition )映射的功能,即通过设置AND/OR关系及运算符(大于,小于,等于,包含等)得到条件过滤的数据结果,再对该数据结果进行样式的设置。
《《 《 左滑试试
《《 《 左滑试试
举例来说,如果希望销量超过100万时显示为红色,那就可以建立一个条件映射条目,数据设置为销量字段值大于100万,样式设置颜色为红色。条件映射可用于超过阈值的报警场景等。
条件映射器
条件映射器的操作如图所示。用户只需选择到条件的分类下,进行条件列表的新增、修改、复制、删除等操作。为了便于不同条件的区分,可以修改条件对应的名称,再进行数据条件和图形样式的设置。
开始使用吧
DataV 6.0 版本图表组件现已覆盖 10+ 基础统计图表(柱状图、气泡图、玫瑰图、饼图、雷达图、折线图等),以及基础平面地图 19 个子组件(呼吸气泡层、矢量散点层、图标散点层、点热力层、蜂窝聚合层、网格聚合层、符号聚合层、飞线层、轨迹线层、区域热力层、等值面层、信息标签层等)。后续将会有更多的图表组件及地理组件支持。
基础统计图表展示效果
基础平面地图展示效果
基础平面地图展示效果
如上图所示均为 DataV 组件图表调整出的效果。
DataV 6.0 版本组件支持数据集分析拖拽模式,支持 GUI 映射器控件配置并遵循新版配置项标准,能够辅助数据和图形的映射分析,也便于用户快速调节出更多元美丽的图表。
结语
DataV 最初将大屏的产出工作流划分为不同角色,比如配置一个图表,设计师在样式面板调整样式,开发者在数据面板接入数据。
但近些年来,我们逐渐发现,使用 DataV 的设计师不再等同于传统的品牌或体验设计师,他们对数据有更深的理解;使用 DataV 的开发者也对设计和艺术有更多的体会。本次改版升级中,也可以看到数据面板和样式面板的相互融合。
在整个社会的发展中,也有越来越多设计和工程的交叉融合,边界处在发生创新。
新人可加钉钉新群:21931738
《DataV 6.0 让我直呼 666🤙🤙🤙》
新特性一览